//eurofonc字体
@font-face {
  font-family: "eurofonc";
  src: url('~assets/font/eurofonc.ttf');
}

// 去除a标签默认样式
a, a:link, a:visited, a:hover, a:active, a:focus {
  text-decoration: none;
}

// 图片默认样式
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

// 页面容器样式
.container-flex {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

// 按比例计算图片宽高
@function scaleImg($val) {
  @return $val * 100vw / 414px
}


// 距离顶部的距离
.distance-top {
  margin-top: 64px;
  @media screen and (max-width: 1440px) and (min-width: 768px) {

  }
  @media screen and (max-width: 768px) {
    margin-top: 88px;
  }
}

// 大标题
.title {
  font-size: 42px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #111111;
  line-height: 59px;
  @media screen and (max-width: 1440px) and (min-width: 768px) {
    font-size: 32px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #111111;
    line-height: 45px;
  }
  @media screen and (max-width: 768px) {
    font-size: 21px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #111111;
    line-height: 29px;
  }
}

// 大标题描述
.title-desc {
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #888888;
  line-height: 32px;

  @media screen and (max-width: 1440px) and (min-width: 768px) {
    font-size: 17px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #888888;
    line-height: 24px;
  }
  @media screen and (max-width: 768px) {
    font-size: 12px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #888888;
    line-height: 17px;
  }

}

// 小标题
.title-small {
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #111111;
  line-height: 40px;
  @media screen and (max-width: 1440px) and (min-width: 768px) {
    font-size: 21px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #111111;
    line-height: 29px;
  }
  @media screen and (max-width: 768px) {
    font-size: 17px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #111111;
    line-height: 24px;
  }
}

// 小标题描述
.title-small-desc {
  font-size: 17px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #888888;
  line-height: 24px;

  @media screen and (max-width: 1440px) and (min-width: 768px) {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #888888;
    line-height: 20px;
  }
  @media screen and (max-width: 768px) {
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #888888;
    line-height: 17px;
  }

}

// 阴影效果
.shadow {
  box-shadow: none;
}

.shadow:hover {
  //box-shadow: 0 3px 15px 0 rgba(0,0,0,0.2);
  box-shadow: 0px 16px 26px 0px rgba(0, 0, 0, 0.3);
}

// 毛玻璃效果
.ground-glass {
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  //background-color: rgba(255,255,255,0.72) !important;
  background-color: rgba(28,28,30,0.86) !important;
}